<!DOCTYPE html>
<html>
<head>
    <!-- Basic Page Needs  -->
    <meta charset="utf-8">
    <title>主页</title>
    <meta name="description" content="">
    <meta name="author" content="">
    <meta name="keywords" content="">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!-- Mobile Specific Mega  -->
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <!-- Google Fonts -->
    <link href="https://fonts.googleapis.com/css?family=Montserrat:400,700|Raleway:400,600,700" rel="stylesheet">
    <!-- CSS -->
    <link rel="stylesheet" href="../lib/css/bootstrap.min.css">
    <link rel="stylesheet" href="../lib/css/font-awesome.min.css">
    <!--Owl Carousel CSS -->
    <link rel="stylesheet" href="../lib/css/owl.carousel.min.css">
    <!-- Animated CSS -->
    <link rel="stylesheet" href="../lib/css/animate.min.css">
    <!-- Prettyphoto Css -->
    <link rel="stylesheet" href="../lib/css/prettyPhoto.css">
    <!-- Theme CSS-->
    <!--<link rel="stylesheet" href="../lib/css/typography.css">-->
    <link rel="stylesheet" href="../lib/css/icomoon.css">
    <!--<link rel="stylesheet" href="../lib/css/animate.css">-->
    <!--自定义的样式-->
    <link rel="stylesheet" href="../css/default.css">
    <link rel="stylesheet" href="../css/index.css">
    <link rel="stylesheet" href="../css/responsive.css">
    <!-- Favicon -->
    <link rel="shortcut icon" type="image/png" href="../img/favicon.png">
    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="../lib/js/html5shiv.js"></script>
    <script src="../lib/js/respond.min.js"></script>
    <![endif]-->
    <script src="../lib/js/jquery-2.1.1.min.js"></script>
</head>

<body data-spy="scroll" data-target="#scroll-menu" data-offset="65">
<!-- Preloader -->
<div class="preloader-wrap">
    <div class="preloader-inside">
        <div class="spinner spinner-1">
            <img src="../img/logo2.png" alt="responsive img" >
        </div>
    </div>
</div>
<!-- End Preloader -->


<!-- End Scroll Top Button -->

<!-- Nav Section -->
<header>
    <nav class="navbar navbar-default navbar-fixed-top nav-area" id="scroll-menu">
        <div class="container container-slide">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar"
                        aria-expanded="false" aria-controls="navbar">

                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="index.html">
                    <img src="../img/logo.png" style="width: 144px;height: 32px;" alt="responsive img">
                </a>
            </div>
            <div id="navbar" class="navbar-collapse collapse">
                <ul class="nav navbar-nav">
                    <li><a href="index.html">主页</a></li>
                    <li>
                        <a href="#product">产品</a>
                    </li>
                    <li><a href="#contact">联系我们</a></li>
                    <li><a href="../pacs_view/pacs_online/html/login.html">查看报告</a></li>
                </ul>
                <ul class="nav navbar-nav navbar-right">
                    <!--<li><a href="#">登录</a></li>-->
                    <li class="dropdown">
                        <a href="javascript:void(0);" class="dropdown-toggle" data-toggle="dropdown" role="button"
                           aria-haspopup="true" aria-expanded="false">
                            登录<span class="caret"></span></a>
                        <div class="dropdown-menu" id="dropdownMenu">
                            <div class="login-w3ls">
                                <h3>登录你的账户</h3>
                                <form method="post">
                                    <input type="text" name="username" placeholder="用户名" required/>
                                    <input type="password" name='password' placeholder="密码" required>
                                    <p class="hidden err0">用户名和密码不能为空</p>
                                    <p class="hidden err1">用户名尚未注册</p>
                                    <p class="hidden err2">密码错误</p>
                                    <p class="hidden err2">登陆失败</p>
                                    <input type="button" name="submit" value="登录" id="loginBtn">
                                </form>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </nav>
</header>
<!-- End Nav Section -->

<!-- Hero Section -->
<div class="hero-area" id="home">
    <div id="hero-slider-screen" class="owl-carousel owl-theme hero-slider-inner">
        <div class="item">
            <img src="../img/p2.jpeg" alt="responsive img">
            <div class="hero-caption">
                <div class="hero-caption-inner">
                    <h3>MINI Pacs Box</h3>
                    <h1>世界上最小的Pacs产品</h1>
                    <p>软硬加密、一件部署、高速传输</p>
                    <a href="#" class="btn btn-default btn-sm-outline" role="button">了解更多</a>
                </div>
            </div>
        </div>
        <div class="item">
            <img src="../img/p1_back.jpg" alt="responsive img">
            <div class="hero-caption">
                <div class="hero-caption-inner">
                    <h3>电子胶片</h3>
                    <h1>胶片上云端</h1>
                    <p>电子化胶片，手机扫码即用，终身电子健康档案</p>
                    <a href="#" class="btn btn-default btn-sm-outline" role="button">了解更多</a>
                </div>
            </div>
        </div>
        <div class="item">
            <img src="../img/p3.jpg" alt="responsive img">
            <div class="hero-caption">
                <div class="hero-caption-inner">
                    <h3>影像中心</h3>
                    <h1>公有云/私有云多重架构</h1>
                    <p>云上影像 anytime anywhere数据访问</p>
                    <a href="#" class="btn btn-default btn-sm-outline" role="button">了解更多</a>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- End Hero Section -->

<!-- Service Section -->
<div class="service-area inner-padding5" id="product">
    <div class="container">
        <div class="row">
            <div class="col-xs-12 col-sm-8 col-md-4">
                <div class="service-widget foo" data-sr='enter'>
                    <img src="../img/s1.png" alt="responsive img">
                    <h4>MINI Pacs Box</h4>
                    <p>软硬加密、一件部署、高速传输</p>
                    <!--<a href="productFilm.html" class="btn btn-default btn-readmore" role="button">了解更多</a>-->
                </div>
            </div>
            <div class="col-xs-12 col-sm-8 col-md-4">
                <div class="service-widget foo" data-sr='enter'>
                    <img src="../img/s2.png" alt="responsive img">
                    <h4>电子胶片</h4>
                    <p>电子化胶片，手机扫码即用，终身电子健康档案</p>
                    <!--<a href="imageCloud.html" class="btn btn-default btn-readmore" role="button">了解更多</a>-->
                </div>
            </div>
            <div class="col-xs-12 col-sm-8 col-md-4">
                <div class="service-widget foo" data-sr='enter'>
                    <img src="../img/s3.png" alt="responsive img">
                    <h4>影像中心</h4>
                    <p>架构云上影像，Anywhere，Anytime数据访问。</p>
                    <!--<a href="#" class="btn btn-default btn-readmore" role="button">了解更多</a>-->
                </div>
            </div>
        </div>
    </div>
</div>
<!-- End Service Section -->

<!-- contact -->
<section class="dark-bg text-center section-padding contact-wrap" id="contact">
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <h1 class="arrow font-30">联系我们</h1>
            </div>
        </div>
        <div class="row contact-details">
            <div class="col-md-4">
                <div class="light-box box-hover">
                    <h2><img src="http://www.huiyihuiying.com/idoctor/html/newLoginVersion2/dist/images/address.png" alt=""><span>Address</span></h2>
                    <p class="font-14">北京市朝阳区将台路5号30号楼209室</p>
                </div>
            </div>
            <div class="col-md-4">
                <div class="light-box box-hover">
                    <h2><img src="http://www.huiyihuiying.com/idoctor/html/newLoginVersion2/dist/images/phone.png" alt=""><span>Phone</span></h2>
                    <p class="font-14">010-56706877</p>
                </div>
            </div>
            <div class="col-md-4">
                <div class="light-box box-hover">
                    <h2><img src="http://www.huiyihuiying.com/idoctor/html/newLoginVersion2/dist/images/email.png" alt=""><span>Email</span></h2>
                    <p class="font-14">company@pacsonline.cn</p>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- End contact -->

<!--Footer-->
<footer>
    <div class="container">
        <div class="text-center">北京中世康恺科技有限公司</div>
    </div>
</footer>
<!--Footer结束-->

<!-- Scripts -->
<!-- jQuery Easing -->
<!--<script src="js/jquery.easing.1.3.js"></script>-->
<script src="../lib/js/bootstrap.min.js"></script>
<script src="../lib/js/scrollreveal.min.js"></script>
<!-- jQuery Counter Up -->
<script src="../lib/js/jquery.waypoints.min.js"></script>
<script src="../lib/js/jquery.counterup.min.js"></script>
<script src="../lib/js/owl.carousel.min.js"></script>
<!-- Isotope Js -->
<script src="../lib/js/isotope.pkgd.min.js"></script>
<script src="../lib/js/isotope_custom.js"></script>
<!-- Masonary Js -->
<script src="../lib/js/masonry.pkgd.min.js"></script>
<!-- Prettyphoto js -->
<script src="../lib/js/jquery.prettyPhoto.js"></script>

<script src="../js/common.js"></script>
<script src="../js/index.js"></script>
<script src="../js/login.js"></script>
</body>

</html>